$(function () {
  $(".pic ul li").click(function () {
    clearInterval(timeId);
    $(this)
      .animate(
        {
          width: "800px"
        },
        500
      )
      // 放大一个图片的同时其他图片全部缩小
      .siblings()
      .animate(
        {
          width: "70px"
        },
        500
      );
    timeId = setInterval(autoSlide, 2000);
  });

  var i = 1

  function autoSlide() {
    $(".pic" + i).animate(
      { width: "800px" }
      , 500).
      siblings()
      .animate(
        { width: "70px" }
        , 500)
    i++
    if (i === 5) i = 1
  }
  timeId = setInterval(autoSlide, 2000);


});